<title>Wextr | FEEDBACK</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" href="bilder/thumbnail.png"/>
<script src="./js/globalFunctions.js"></script>
<script>
    $(document).ready(function () {
        $(".feedback").submit(function (e) {

            var feedback = { 
                experience: $('input[name="useExperience"]:checked').val(),
                visuals: $('input[name="visually"]:checked').val(),
                navigation: $('input[name="navigate"]:checked').val(),
                likedBest: $('textarea[name="likedBest"]').val(),
                bugs: $('textarea[name="bug"]').val(),
                recommend: $('input[name="hearAbou"]:checked').val(),
                hearAbout: $('textarea[name="hearAbou"]').val(),
                unhappy: $('textarea[name="unhappy"]').val(), 
                usefulFeature: $('textarea[name="usefulFeature"]').val(),
                featureIdea: $('textarea[name="featureIdea"]').val(),
                comments: $('textarea[name="comments"]').val()
            };
            
            socket.emit("feedback", feedback);
            
            alert("Feedback sent!");
            
            setTimeout(location.reload(), 500);
            
            return false;
        });
        
        $('.feedback input[type="radio"]').css({"visibility": "visible", "left": "0", "position": "relative", "bottom": "0"});
    });
</script>

<body id="clean">
    <div class="wrap">

        <div id="faq-page-header-container">
            <h1 id="medium">FEEDBACK</h1>
            <p class="about-header">Thanks for taking your time to help us improve Wextr.</p>
        </div>
        <div id="feedback-container">
            <form class="feedback" style="visibility: visible;">
                <h2 class="feedback-subHeader">1. How was your experience of our website today?</h2>
                    <div class="feedback-options">
                        <input class="radio" type="radio" name="useExperience" value="Incredible">Incredible
                        <input class="radio" type="radio" name="useExperience" value="Very Good">Very Good
                        <input class="radio" type="radio" name="useExperience" value="Good" checked>Good
                        <input class="radio" type="radio" name="useExperience" value="I´ve Seen Better">I have Seen Better
                        <input class="radio" type="radio" name="useExperience" value="Bad">Bad
                    </div>
                <h2 class="feedback-subHeader">2. How visually appealing is our website?</h2>
                    <div class="feedback-options">
                        <input class="radio" type="radio" name="visually" value="Incredibly">Incredibly
                        <input class="radio" type="radio" name="visually" value="Very">Very
                        <input class="radio" type="radio" name="visually" value="I´ve Seen Better" checked>I have Seen Better
                        <input class="radio" type="radio" name="visually" value="A bit">A bit
                        <input class="radio" type="radio" name="visually" value="Not at all">Not at all
                    </div>
                <h2 class="feedback-subHeader">3. How easy is it to navigate our website?</h2>
                    <div class="feedback-options">
                        <input class="radio" type="radio" name="navigate" value="Incredibly Easy">Incredibly Easy
                        <input class="radio" type="radio" name="navigate" value="Very Easy">Very Easy
                        <input class="radio" type="radio" name="navigate" value="Easy" checked>Easy
                        <input class="radio" type="radio" name="navigate" value="Hard">Hard
                        <input class="radio" type="radio" name="navigate" value="Very Hard">Very Hard
                    </div>
                <h2 class="feedback-subHeader">4. What did you like best about our website?</h2>
                    <div class="feedback-option>s">
                        <textarea class="text" name="likedBest"></textarea>
                    </div>
                <h2 class="feedback-subHeader">5. Did you experience any bugs or lags on our website today?</h2>
                    <div class="feedback-options">
                        <textarea class="text" name="bugs"></textarea>
                    </div>
                <h2 class="feedback-subHeader">6.How likely is it that you would recommend Wextr to a friend, family member or colleague?</h2>
                    <div class="feedback-options">
                        <input class="radio" type="radio" name="recommend" value="Very likely">Very likely
                        <input class="radio" type="radio" name="recommend" value="Likely">Likely
                        <input class="radio" type="radio" name="recommend" value="Maybe" checked>Maybe
                        <input class="radio" type="radio" name="recommend" value="Probably not">Probably not
                        <input class="radio" type="radio" name="recommend" value="Not at all">Not at all
                    </div>
                <h2 class="feedback-subHeader">7.How did you hear about us?</h2>
                    <div class="feedback-options">
                        <textarea class="text" name="hearAbou"></textarea>
                    </div>
                <h2 class="feedback-subHeader">8. If you were unhappy with the experience on our website, what can we do to get you to come back?</h2>
                    <div class="feedback-options">
                        <textarea class="text" name="unhappy"></textarea>
                    </div>
                <h2 class="feedback-subHeader">9. What features is the most useful on Wextr?</h2>
                    <div class="feedback-options">
                        <input class="radio" type="radio" name="usefulFeature" value="Most Popular Topicst">Most Popular Topics
                        <input class="radio" type="radio" name="usefulFeature" value="Discover">Discover
                        <input class="radio" type="radio" name="usefulFeature" value="Several Chatrooms" checked>Several Chatrooms
                        <input class="radio" type="radio" name="usefulFeature" value="Short Commandos">Short Commandos
                        <input class="radio" type="radio" name="usefulFeature" value="Most Upvoted Comments">Most Upvoted Comments
                    </div>
                <h2 class="feedback-subHeader">10. Do you have a great Wextr feature idea?</h2>
                    <div class="feedback-options">
                        <textarea class="text" name="featureIdea"></textarea>
                    </div>
                <h2 class="feedback-subHeader">11. Do you have any other comments, questions, or suggestions?</h2>
                    <div class="feedback-options">
                        <textarea class="text" name="comments"></textarea>
                    </div>
                    <input id="saveFormFeedback" name="saveForm" type="submit" value="Send Feedback">
                    
            </form>
        </div>
    </div>

</body>